<ion-content>
    <div class="bannar">
        <ion-slides [options]="slideOptions">
            <ion-slide>
                <img src="./assets/slider/1.jpg" alt="">
            </ion-slide>
            <ion-slide>
                <img src="./assets/slider/2.jpg" alt="">
            </ion-slide>
            <ion-slide>
                <img src="./assets/slider/3.jpg" alt="">
            </ion-slide>
        </ion-slides>
    </div>
    <ion-grid style="padding:2px;">
        <ion-row>
            <ion-col width-50 style="padding:2px;">
                <div class="double">
    				<a href="http://pstudio.justbamboo.cn/wechat/gallery">
                        <img src="" data-blazy="./assets/ad/ad-1.jpg" class="b-lazy">
                    </a>
                </div>
            </ion-col>
            <ion-col width-50 style="padding:2px;">
                <div class="double">
				    <img src="" data-blazy="./assets/ad/ad-2.jpg" class="b-lazy">
                </div>
            </ion-col>
        </ion-row>
        <ion-row>
            <ion-col style="padding:2px;">
                <div class="single">
            	   <img src="" data-blazy="./assets/ad/solo-2.jpg" class="b-lazy" >
                </div>
            </ion-col>
        </ion-row>
    </ion-grid>
    <ion-list>
        <ion-list-header>商家推荐</ion-list-header>
        <ion-item *ngFor="let b of businesses" tappable (click)="viewDetail(b.id)">
            <ion-thumbnail item-left>
                <img src="{{ b.f_jy_cover }}">
            </ion-thumbnail>
            <h2>{{ b.business_name }}</h2>
            <p>
                <span class="info">{{ b.business_type }}</span>
                <span class="info">{{ b.business_label }}</span>
            </p>
            <div>
                <span *ngIf="b.business_is_cost===1" class="tags" [@flyInOut]="'in'">折</span>
                <span *ngIf="b.is_card===1" class="tags hui" [@flyInOut]="'in'">券</span>
            </div>
            <button clear item-right>
                <span color="danger" class="discount">{{b.business_cost}}折</span>
            </button>
        </ion-item>
    </ion-list>

    <ion-infinite-scroll (ionInfinite)="getMoreBusiness($event)">
       <ion-infinite-scroll-content
        loadingSpinner="bubbles"
        loadingText="加载列表中..."></ion-infinite-scroll-content>
    </ion-infinite-scroll>

</ion-content>
<!-- 会员中心浮动按钮 -->
<div class="vip_button" (click)="goToVipCenter()">
    <ion-icon name="person"></ion-icon>
</div>